@media screen and (max-width:1200px){
.mobile{ display: block; z-index: 999999; top:-3px;height: 40px; position: absolute; }
.navBtn{width: 34px; height: 24px; position:absolute; right:10px; top:25px;  cursor: pointer; display:block; z-index:99999999 }
.navBtn:before,.navBtn:after{ content: ''; height: 4px; background: #00873b; width: 100%; position: absolute; left: 0; top: 0; transition: all 0.3s ease 0s; z-index:9999999999}
.navBtn:after{ bottom: 0; top: auto;  }
.nav_ul{ display: none; }
.search{ display: none; }
.menuBg{ display: block; position: absolute; z-index: 99; }
.box{ width: 100%; padding: 0 10px; box-sizing: border-box; }
.navBg{ display: block; }
.flex-control-nav{ bottom: 6px; }
h1{ line-height: initial; padding:15px 0 ; }
.head_line{ display: none; }
.lan{ width: 30px; height: 30px; background-size: cover; line-height: 30px; margin: 20px 36px 0 50px; }
.lan a{ width: 30px; line-height: 30px;height: 30px; }

.foot_map{ display: none; }
.foot{ height: auto; background-size: cover; padding-bottom: 0px; }
.foot_logo{ display: none; }
.foot_inner{ padding: 20px 0; display: none;}
.foot_ul{ float: none; height: auto; line-height: 24px; }
.foot_ul li{ margin: 0 5px 0 0; }
.foot_ul li a{ padding-left: 5px; font-size: 14px; height: auto; line-height: 24px; }
.foot_bottom{ padding-bottom: 0px; }
.touch{ float: none; width: 100%; padding-top: 10px;}
.touch_i{ height: 40px; line-height: 40px; font-size: 20px; margin-bottom: 10px; }
.touch_dl{  margin: 0 20px 10px 0; }
.add_l{ float: none; width: 100%; height: auto; line-height: 22px; }
.add_r{ float: none; width: 100%; height: auto; line-height: 22px; }
.add{ padding: 10px 0; }
.add a{ margin: 0; }

.build{ padding: 10px 0 30px 0; }
.build_inner{ margin-bottom: 10px; }
.build_left{ float: none; width: 100% }
.build_tit{ font-size: 20px; height: 50px; line-height: 60px; margin-bottom: 5px; }
.build_zi{ height: 72px; line-height: 24px; font-size: 14px; margin-bottom: 5px; }
.build_see{ margin-bottom: 10px; }
.build_right{ display: none; }
.bus_ul li{ width: 50%; padding: 10px; background: none; }
.bus_left{ width: 70% }
.bus_right{ width: 28% }
.bus_right img{ width: auto; height: auto; max-width: 100% }
.bus_tit{ font-size: 26px; }
.bus_word{ font-size: 14px; }
.metal{ height: auto; background-size: cover; padding-bottom: 10px; }
.index_tit{ padding: 10px 0 10px 0; }
.index_cn{ font-size: 20px; height: 50px; line-height: 50px; }
.metal_ul{ margin: 0; }
.metal_ul li{ float: none; width: 100%; margin: 0 0 20px 0; }
.metal_img{ width: 100%; text-align: center; height: auto; }
.metal_img img{ width: auto; height: auto; max-width: 100% }
.metal_more{ display: none; }
.metal_div{ padding: 10px; }
.metal_tit{ height: auto; line-height: 24px; font-size: 16px; font-weight: bold; margin-bottom: 5px; }

.cycle{ height: auto; background-size: cover; padding-bottom: 30px; }
.cycle_div{ padding: 10px 0 20px 0 }
.cy_tit{ font-size: 20px; height: 40px; line-height: 40px; margin-right: 10px; }
.cy_dian{  font-size: 15px; margin-right: 10px; padding: 0; height: 40px; line-height: 40px; }
.have{ margin-right: 10px; padding: 0; }
.cycle_inner{ height: auto; }
.cycle_ul{ margin: 0; }
.cycle_ul li.none{ display: none; }
.cycle_ul li{ width: 20%; box-sizing: border-box; margin: 0 0 5px 0; }

.infor_ul{ margin: 0 0 20px 0; }
.infor_ul li{ float: none; width: 100%; margin: 0 0 20px 0; }
.infor_img{ width: 100%; height: auto; }
.infor_img img{ width: auto; height: auto; max-width: 100% }
.infor{ padding: 10px 0; }
.infor_tit{ font-size: 16px; height: 30px; line-height: 30px; padding: 0 10px; }
.infor_div{ padding: 0 10px; }
.infor_time{ height: 30px; line-height: 30px; }
.infor_see{ height: 30px; line-height: 30px;}
.site{ position: static; margin: 0; width: 100%; padding: 20px 0;  }
.details{ padding: 0; }
.cont_img{ height: auto; margin-bottom: 20px; }
.cont_img img{ width: auto; height: auto; max-width: 100% }

.cont_div{ position: static; width: 100%; height: auto; padding: 0; margin-bottom: 30px; }
.cont_tit{ padding: 0; font-size: 17px; height: auto; line-height: 24px; margin-bottom: 15px; }
.cont_shi{ height: auto; line-height: 30px; font-size: 16px; }
.cont_line{ margin-bottom: 20px; }
.cont_dl dt{ font-size: 14px; width: auto; }
.cont_dl dd{ font-size: 14px; width: auto; }
.inside{ padding: 0; }
.ins_tit{ font-size: 18px; height: 40px; line-height: 40px; margin-bottom: 10px; }
.ins_inner{ font-size: 14px; line-height: 22px; }
.recu{ padding: 20px 0 }
.join_dd{ margin-bottom: 30px; }
.join_wrap{ padding: 0 10px; }
.join_div{ height: 50px; line-height: 50px; font-size: 18px; background-size: 4%!important }
.recu ul{ height: auto; line-height: 30px; padding: 10px 0;}
.pos dd li{  width: 50%; font-size: 16px; }
.req_inner{ padding: 0 10px 15px; font-size: 14px; line-height: 24px; }
.join_em{ font-size: 16px; height: 30px; line-height: 30px; padding-top: 10px; }
.mail{ padding: 0 10px; height: auto; padding: 10px;}
.mail_left{ font-size: 14px;float: none; width: 100%; height: auto; line-height: 24px; }
.mail_right{ float: none; width: 100%; font-size: 14px; height: auto; line-height: 24px; }
.join{ padding-bottom: 20px; }

.infor_info{ padding: 20px 10px; }
.powder_tit{ font-size: 18px; height: auto; line-height: 24px; margin-bottom: 10px; }
.powder_time{ height: auto; line-height: 24px; font-size: 12px; }
.powder_time i{ padding: 0 5px; }
.powder{ padding-bottom: 16px; margin-bottom: 20px; }
.infor_word{ padding-bottom: 20px; }
.infor_word img{ width: auto; height: auto; max-width: 100% }
.piece{ padding-bottom: 20px; }
.piece_left{ width: 33%; box-sizing: border-box; background: #fff url(../images/page_left.png) 10px center no-repeat; padding-right: 10px; }
.end{ width: 30%; box-sizing: border-box; margin: 0 2%; background: #fff; text-align: center; text-indent: 0; }
.piece_right{ width: 33%; box-sizing: border-box; background: #fff url(../images/page_right.png) 90% center no-repeat; padding-left: 10px;}
.about_div{  text-align: center; margin-bottom: 20px; }
.about_div img{ width: auto; height: auto; max-width: 100% }
.us{ position: static; padding: 20px 10px; width: 100%; box-sizing: border-box; margin-bottom: 30px; }
.aboutbj{ height: auto; background-size: cover;  }
.us_tit{ padding-top: 20px; font-size: 18px;height: auto; line-height: 24px;}
.us_div{ height: 418px; }

.deve_left{ float: none; width: 100%; height:auto; margin: 0 0 20px 0; display: none; }
.deve_left img{ width: auto; height: auto; max-width: 100% }
.deve_right{ float: none; width: 100%; height: auto; }
.large_lop{width: 80%;height: 520px; overflow: hidden; }
.devebj{ height: auto; background: #f6f6f6;background-size: cover; padding-bottom: 30px; }
.deve_right .small_lop{ width: 20%; background: url(../images/deve3.jpg) 51px center repeat-y }
.deve_dl dt{ float: none; }
.deve_dl dd{ float: none; width: 100% }

.deve_right .small_inner ul li{ font-size: 14px;background: url(../images/deve2.png) 45px center no-repeat; background-size: 20% }
.deve_right .small_inner ul li.on{ font-size: 14px;background: url(../images/deve1.png) 45px center no-repeat; background-size: 20% }
.deve_i{ background: #f6f6f6;height: 15px;}
.deve_title{ padding: 20px 0; margin: 0; font-size: 20px; height: 30px; line-height: 30px; }


.gold{ padding-bottom: 60px; }
.expensive{ float: none; width: 100%; margin: 0 0 20px 0; }
.exp_img{ width: 100%; height: 200px; }
.exp_img img{ width: auto; height: auto; max-width: 100% }
.exp_inner{ padding: 0 10px; top: 20px; }
.exp_tit{ font-size: 20px; height: 50px; line-height: 50px; }
.exp_zi{ font-size: 14px; line-height: 22px; height: 116px; }
.gold_div{ float: none; width:220px;  margin: 0 auto  }
.silver_scroll{ width: 340px; left: 50%; margin-left: -170px; height: 240px; }
.silver_ul li .gold_a{ float: left; width: 50%; padding: 0 5px; box-sizing: border-box; }
.silver_ul li{ width: 340px; overflow: hidden;}
.silver_img{ width: 100%; height: auto; box-sizing: border-box; }
.silver_img img{ width: auto; height: auto; max-width: 100% }
.ver_div{ padding: 0 5px; box-sizing: border-box; width: 100% }
.silver_div{ height: 270px; }
.siler_left{ left: 20%; bottom: -20px; background-position:0px -47px;  }
.siler_right{ right: 20%;bottom: -20px;background-position:-56px -47px; left: initial;  }
.tar_inner{ padding: 15px 10px 0; }
.tar_num{ margin-bottom: 10px; }
.tar_i{ height: 26px; line-height: 26px; margin-bottom: 8px; }


.explain{ padding: 20px 10px 30px; margin-bottom: 0; }
.des_ul{ padding: 0 10px; height: 60px; }
.des_ul li a{ height: 60px; line-height: 60px; }
.piece{ margin-bottom: 30px; padding: 20px 10px; }
.pro_piece .piece_left, .pro_piece .piece_right{ width: 33%; }
.pro_info{ margin-bottom: 30px; }
.copper{ float: none; width: 100%; margin-bottom: 30px; }
.large_box{ width: 100%; text-align: center; }
.large_box li img{ width: auto; height: auto; max-width: 100% }
.small_box{ width: 100%; position: relative; }

.small_list{ width:180px;  position: absolute; left: 50%; margin-left: -90px; top: 0;  }
.nickel{ float: none; width: 100% }
.ni{ padding: 10px 0 0 10px; }

.ni_cn{ font-size: 20px; height: 40px; line-height: 40px; }
.ni_en{ height: 24px; line-height: 24px; margin-bottom: 10px; }
.specs{ padding: 0 10px; }



}












@media screen and (max-width:768px){

}
@media screen and (max-width:414px){
.a_banner{background-size:cover!important; height:170px!important;}

}
@media screen and (max-width:375px){
.a_banner{background-size:cover!important; height:160px!important;}

}

@media screen and (max-width:360px){
.a_banner{background-size:cover!important; height:156px!important;}

}
@media screen and (max-width:320px){


}


@media screen and (min-width:1201px){
}